@charset "utf-8";
/**
 * @Creation date:2011-11-02
 * @Explanation:处理乐共享首页样式；
 * @Attention:任何一个页面，必须最先引用base.css样式，再引用该样式！
 * @Author:ChenJunYong<tenjessy@gmail.com>
 */

/**
 * S 第一屏
 */
.hot-screen .slide { position:relative; float:left; width:686px; height:370px; margin-right:10px; overflow:hidden; z-index:5; }
.hot-screen .side { float:right; width:304px; }
/**
 * S 幻灯片 
 */
.slide-show { position:relative; width:686px; height:370px; overflow:hidden; }
.slide-show li { position:absolute; top:0px; left:0px; display:none; width:686px; height:370px; }
.slide-show img { width:686px; height:370px; }
.slide-show .cur { display:block; }
.slide-control { position:absolute; bottom:0px; left:0px; width:690px; height:30px; color:#ffffff; }
.slide-control li { float:left; width:137px; margin-right:1px; border-bottom:2px solid #b1b1af; background:url(../img/tab_png_24.png) no-repeat 0px 0px; text-align:center; line-height:28px; cursor:pointer; _background:#000000;  _filter:Alpha(opacity=80); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.slide-control .cur { border-bottom-color:#c50001; background:#ffffff; color:#3e3e3e; _filter:Alpha(opacity=100); }
/**
 * S 公告、信息
 */
.information { margin-bottom:10px; background:#f2f2f2; padding:3px 4px; }
.information .control { height:30px; line-height:30px; }
.information .control li { float:left; padding:0px 20px; cursor:pointer; }
.information .control .cur { background:#ffffff; font-weight:700; }
.information .bd { height:78px; padding:6px 12px; line-height:26px; background:#ffffff; }
.information .bd .cur { display:block; }
.information .list { display:none; }
.information .list li { position:relative; padding-left:0px; background:url(../img/icon.png) no-repeat -17px -362px; *zoom:1; }
.information .list a { display:block; width:210px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.information .list .d { position:absolute; top:0px; right:0px; background:#ffffff; }

/**
 * S 上周热兑换榜
 */
.ranking { border:1px solid #dddddd; }
.ranking .hd { position:relative; height:32px; padding:4px 10px; border-bottom:1px dotted #dddddd; line-height:32px; }
.ranking .hd-t { font:500 16px/32px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; }
.ranking .hd-act { position:absolute; top:4px; right:0px; }
.ranking .bd { height:191px; padding:0px 14px; overflow:hidden; }
.ranking .img { display:none; }
.ranking .img img { width:100px; height:100px; }
.ranking li { position:relative; height:36px; border-bottom:1px solid #dddddd; line-height:36px; }
.ranking .num { position:absolute; top:10px; left:0px; width:18px; height:14px; background:url(../img/icon.png) no-repeat 0px -229px; text-align:center; font:700 11px/14px Tahoma; overflow:hidden; }
.ranking .cur .num { background-position:0px -244px; color:#ffffff; }
.ranking .n { float:left; width:160px; padding:0px 0px 0px 36px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ranking .price { height:36px; line-height:36px; font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; text-align:right; }
.ranking .price span { padding-right:6px; font-size:16px; }
.ranking .cur { height:100px; padding:9px 0px 8px 0px; }
.ranking .cur .img { display:block; float:left; }
.ranking .cur .n { float:none; width:auto; padding:10px 0px 0px 10px; line-height:24px; white-space:normal; zoom:1; }
.ranking .cur .price { padding-left:10px; text-align:left; overflow:hidden; *zoom:1; }

/**
 * S 新品推荐
 */
.new-screen .side { float:right; width:304px; height:460px; overflow:hidden; }
.new-product { float:left; width:656px; padding:0px 14px; border:1px dashed #dddddd; }
.new-product .hd { position:relative; height:32px; padding:4px 0px; border-bottom:1px dashed #dddddd; line-height:32px; }
.new-product .hd-t { width:256px; background:url(../img/index_txt_bg.png) no-repeat 0px 6px ; font:500 24px/32px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; text-indent:-999em; }
.new-product .hd-act { position:absolute; top:4px; right:0px; }
.new-product .bd { width:656px; overflow:hidden; }
.new-product ul { padding:8px 0px; width:660px; }
.new-product li { float:left; width:138px; padding:4px 13px 10px 13px; border-right:1px solid #eeeeee; }
.new-product .img { display:block; padding:2px; }
.new-product img { display:block; width:130px; height:130px; padding:1px; border:1px solid #dddddd; }
.new-product .img:hover img { border-color:#c50001; }
.new-product .n { padding:6px 0px 0px 0px; line-height:18px; }
.new-product .price { height:20px; padding:2px 4px; line-height:18px; font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; }
.new-product .price span { padding-right:6px; font-size:18px; }
.random-product { width:308px; }
.random-product li { padding:0px 4px 4px 0px; float:left; }
.random-product a { display:block; }
/**
 * S 共享良品
 */
.good-product .side { float:left; margin-left:-1px; }
.good-pro-list { float:left; width:656px; padding:0px 14px; border:1px solid #dddddd; }
.good-pro-list .hd { position:relative; height:32px; padding:4px 0px; border-bottom:1px dotted #dddddd; line-height:32px; }
.good-pro-list .hd-t { width:256px; background:url(../img/index_txt_bg.png) no-repeat 0px -62px; font:500 24px/32px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; text-indent:-999em; }
.good-pro-list .hd-act { position:absolute; top:4px; right:0px; }
.good-pro-list .bd { width:656px; overflow:hidden; }
.good-pro-list ul { width:700px; height:479px; padding:10px 3px; overflow:hidden; }
.good-pro-list li { float:left; width:106px; padding:0px 30px 30px 0px; margin-bottom:30px; border-bottom:1px dotted #dddddd; }
.good-pro-list .img { display:block; height:144px; padding:2px; }
.good-pro-list img { width:100px; height:100px; border:1px solid #dddddd; }
.good-pro-list .img:hover img { border-color:#c50001; }
.good-pro-list .n { padding:6px 0px 0px 0px; line-height:18px; }
.good-pro-list .price { height:20px; padding:2px; line-height:18px; font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; }
.good-pro-list .price span { padding-right:6px; font-size:18px; }
.good-pro-list .act { padding:4px 2px; }
.good-pro-list .act a { display:inline-block; width:42px; height:20px; background:url(../img/index_bg.png) no-repeat; text-align:center; line-height:20px; }
.good-pro-list .act a, .good-pro-list .act a:hover { color:#ffffff; }
.good-pro-list .act .act1 { margin-right:15px; background-position:0px -46px; }
.good-pro-list .act .act2 { background-position:-43px -46px; } 
.good-pro-new { width:294px; padding:0px 9px 0px 10px; border:1px solid #dddddd; }
.good-pro-new .hd { position:relative; height:32px; padding:4px 0px; border-bottom:1px dotted #dddddd; line-height:32px; }
.good-pro-new .hd-t { width:256px; background:url(../img/index_txt_bg.png) no-repeat 5px -26px; font:500 24px/32px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; text-indent:-999em; }
.good-pro-new .hd-act { position:absolute; top:4px; right:0px; }
.good-pro-new .list { height:499px; overflow:hidden; }
.good-pro-new li { padding:12px 5px; border-bottom:1px dotted #dddddd; }

/**
 * S 通栏模块的标题公共样式
 */
.excellent-product .hd, 
.famous-brand .hd, 
.luxury-product .hd,
.city-product .hd { position:relative; height:36px; background:url(../img/index_bg.png) repeat-x 0px 0px; border-bottom:2px solid; } 
.excellent-product .hd-t, 
.famous-brand .hd-t, 
.luxury-product .hd-t,
.city-product .hd-t { width:256px; padding:0px 16px; background:url(../img/index_txt_bg.png) no-repeat; font:500 24px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; text-indent:-999em; }
.excellent-product .hdt-txt, 
.famous-brand .hd-txt, 
.luxury-product .hd-txt,
.city-product .hd-txt { position:absolute; top:7px; right:50px; height:22px; line-height:22px; }
.excellent-product .hdt-txt li, 
.famous-brand .hd-txt li, 
.luxury-product .hd-txt li,
.city-product .hd-txt li { float:left; padding:0px 10px 0px 0px; }
.excellent-product .hdt-txt a, 
.famous-brand .hd-txt a, 
.luxury-product .hd-txt a,
.city-product .hd-txt a { display:block; }
.excellent-product .hd-act, 
.famous-brand .hd-act, 
.luxury-product .hd-act,
.city-product .hd-act { position:absolute; top:7px; right:10px; height:22px;  background:url(../img/icon.png) no-repeat right -263px; line-height:22px; } 

/**
 * S 共享优品
 */
.excellent-product .hd { border-bottom-color:#ae853d; }
.excellent-product .hd-t { background-position:16px -96px; }
.excellent-product li { float:left; }
.excellent-product .col-1 { width:252px; }
.excellent-product .col-1 img { width:252px; height:130px; }
.excellent-product .col-2 { width:440px; }
.excellent-product .col-2 img { width:220px; height:260px; }
.excellent-product .col-3 { width:308px; }
.excellent-product .col-3 img { width:308px; height:130px; }
.excellent-product .img { float:left; }
/**
 * S 共享名品
 */
.famous-brand .hd { border-bottom-color:#f29f0e; }
.famous-brand .hd-t { background-position:16px -130px; }
.famous-brand .bd { width:998px; border:1px solid #dddddd; border-top:none; border-bottom:none; overflow:hidden; }
.famous-brand .famous-list { width:1004px; }
.famous-brand .famous-list li { float:left; width:240px; padding:5px 5px 4px 4px; border:1px solid #dddddd; border-top:none; border-left:none; }
/**
 * S 共享奢品
 */
.luxury-product .hd { border-bottom-color:#c50001; }
.luxury-product .hd-t { background-position:16px -164px; }
.luxury-product .bd { width:998px; border:1px solid #dddddd; border-top:none; overflow:hidden; }
.luxury-list { width:1004px;  }
.luxury-list li { float:left; padding:8px 9px 8px 8px; margin-left:-1px; border-left:1px solid #dddddd; }
.luxury-list .img { display:block; }
.luxury-list .n { padding:8px 0px; line-height:18px; text-align:left; }
.luxury-list .b { display:none; width:421px; height:275px; }
.luxury-list .s { width:95px; height:275px; }
.luxury-list .cur .b { display:block; }
.luxury-list .cur .s { display:none; }

/**
 * S 同城共享
 */
.city-product .hd-t { background-position:16px -200px; }
.city-product .hd { border-bottom-color:#154000; }
.city-product .hd-txt a { padding-left:26px; }
.city-product .hd-txt li { background:url(../img/index_bg.png) no-repeat; }
.city-product .hd-txt .t1 { background-position:-95px -46px; }
.city-product .hd-txt .t2 { background-position:-95px -78px; }
.city-product .hd-txt .t3 { background-position:-95px -110px; }
.city-product .hd-txt .t4 { background-position:-95px -142px; }
.city-product .hd-txt .t5 { background-position:-95px -174px; }
.city-product .hd-act { padding-right:15px; }
.city-product .bd { padding:4px 0px 0px 0px; }
.city-recom { float:left; width:310px; margin-right:8px; _margin-right:5px; padding:2px 16px 0px 0px; border-right:1px dashed #999999; }
.city-recom .img { display:block; width:310px; }
.city-recom .img img { width:310px; height:280px; }
.city-recom .n { padding:4px 0px 2px 0px; line-height:18px; }
.city-recom .price { height:20px; padding:1px 0px 2px 0px; line-height:18px; font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; }
.city-recom .price span { padding:0px 4px; color:#c50001; font-weight:700; font-size:14px; }
.city-recom .price .d { float:left; }
.city-recom .peo-num { float:right; }
.city-pro-list { overflow:hidden; }
.city-pro-list li { float:left; width:150px; height:158px; padding:2px 8px 16px 8px; }
.city-pro-list .img { display:block; }
.city-pro-list .img img { width:150px; height:110px; }
.city-pro-list .n { width:100%; padding:6px 0px 0px 0px; line-height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.city-pro-list .price { height:20px; padding:2px 0px; line-height:18px; font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; }
.city-pro-list .price span { padding:0px 4px; color:#c50001; font-weight:700; font-size:14px; }
.city-pro-panl { padding:10px 0px 0px 0px; border-top:1px dashed #999999; border-bottom:1px dashed #999999; }

/**
 * @2011-12-30
 * @为节日需要，在首页增加一个背景
 */
body { background:#fff url(../img/body_bg.jpg) no-repeat center top; }
